<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="divport" content="width=device-width, initial-scale=1.0,minimum-scale=1,maximum-scale=1,user-scalable=no,divport-fit:cover" />
    <title>Document</title>
    <link rel="stylesheet" href="../css/details.css">
    <link rel="stylesheet" href="../css/iconfont/iconfont.css">
    <script src="../js/base.js"></script>
</head>

<body>
    <div class="details">
        <!-- 头部导航 -->
        <div class="top_nav">
            <div class="left">
                <img src="../images/details/230h61.jpg" alt="">
            </div>
            <div class="content">课程详情</div>
            <div class="right">
                <img src="../images/details/170h61.jpg" alt="">
            </div>
        </div>

        <!-- 图片 -->
        <div class="tu">
            <img src="../images/P4.jpg" alt="">
        </div>

        <!-- 详情 -->
        <div class="detail-box">
            <div class="detail">
                <div class="top-box">
                    <span>小登登</span>
                    <div class="right">
                        <span class="iconfont icon-shoucang"></span>
                        <span>收藏</span>
                        <span class="iconfont icon-xiai"></span>
                        <span>0</span>
                    </div>
                </div>
                <div class="middle-box">
                    <div class="left">
                        <div class="top">JAZZ常规课第二节</div>
                        <div class="bottom">
                            <div class="yjia">瑜伽</div>
                            <div class="zhneg">针对性指导</div>
                        </div>
                    </div>
                    <div class="right">
                        <img src="../images/P5.jpg" alt="">
                    </div>
                </div>

                <!-- 导航 -->
                <div class="nav">
                    <div class="navbottom">课程详情</div>
                    <div>老师其他课程</div>
                    <div>老师往期作品</div>
                </div>
            </div>
        </div>


        <!-- 内容详情 -->
        <div class="content-details">
            <div class="content-boss">
                <div class="top1">
                    <span class="iconfont icon-shijian_o"></span>
                    <span>上课时间</span>
                    <div class="cont2">
                        2021年6月23日 周三 12:30-13:30
                    </div>
                </div>
                <!-- <div class="img0">
                    <img src="../images/P6.jpg" alt="">
                </div> -->

            </div>

            <div class="content-boss">
                <div class="top1">
                    <span class="iconfont icon-dizhi"></span>
                    <span>上课地址</span>
                    <div class="cont2">
                        北京市海淀区西二旗
                    </div>
                </div>
                <div class="img0">
                    <img src="../images/P6.jpg" alt="">
                    <div>地图导航</div>
                </div>

            </div>

            <div class="content-boss">
                <div class="top1">
                    <span class="iconfont icon-a-ziyuan49"></span>
                    <span>老师介绍</span>
                    <div class="cont2">
                        老师介绍内容
                    </div>
                </div>
                <!-- <div class="img0">
                    <img src="../images/P6.jpg" alt="">
                </div> -->

            </div>

            <div class="content-boss">
                <div class="top1">
                    <span class="iconfont icon-shijian_o"></span>
                    <span>课程介绍</span>
                    <div class="cont2">
                        课程介绍内容
                    </div>
                </div>
                <!-- <div class="img0">
                    <img src="../images/P6.jpg" alt="">
                </div> -->

            </div>

            <div class="content-boss">
                <div class="top1">
                    <span class="iconfont icon-shijian_o"></span>
                    <span>注意事项</span>
                    <div class="cont2">
                        注意事项内容
                    </div>
                </div>
                <!-- <div class="img0">
                    <img src="../images/P6.jpg" alt="">
                </div> -->

            </div>
        </div>

        <!-- 预约 -->
        <div class="reservation">
            预约
        </div>
    </div>
</body>

</html>